<template>
  <div>
    <div class="container">
      <p style="font-size: 15px;font-weight: 700;line-height: 1.5;">基本信息</p>
      <div>
        <ul>
          <li class="itembox"><p> 用户名：</p><div>admin</div></li>
          <li class="itembox"><p> 账户类型：</p><div>超级管理员</div></li>
          <li class="itembox"><p>联系邮箱:</p><div>1027520304@qq.com</div></li>
        </ul>
      </div>
    </div>
    <div class="container">
      <p style="font-size: 15px;font-weight: 700;line-height: 1.5;">角色管理</p>
      <div>
        <ul>
          <li class="itembox"><p></p><div></div></li>
          <li class="itembox"><p>用户权限设置</p><div></div></li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="less">
.container{
  background-color: #fff;
  margin: 30px;
  box-shadow: 0 2px 4px 0 rgb(54 58 80 / 32%);
  padding: 20px;
}
.itembox{
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    list-style: none;
}
</style>